<template>
  <div class="about">
    <h1>This is an about page</h1>
    <van-button type="default">默认按钮</van-button>
    <van-button type="primary">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
    <van-rate v-model="value" />
  </div>
</template>
<script>
import { Button } from "vant";
import { Rate } from "vant";
export default {
  name: "About",
  components: {
    [Button.name]: Button,
    [Rate.name]: Rate
  },
  data() {
    return {
      value: 3
    };
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
</style>